/* pages/evaluate/evaluate.wxss */

page {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.page-box {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
}

.scroll-box {
	width: 100%;
	flex: 1;
	display: flex;
	overflow: hidden;
}

.scroll-content {
	width: 100%;
	box-sizing: border-box;
	padding: 16rpx 30rpx;
}

.viewa {
	background: white;
	box-sizing: border-box;
	padding: 30rpx;
	margin-bottom: 20rpx;
	border-radius: 10rpx;
}

.goodsInfo {
	height: 130rpx;
	margin-bottom: 40rpx;
	display: flex;
	align-items: flex-start;
}

.goodsImage {
	margin-right: 20rpx;
	width: 130rpx;
	height: 130rpx;
	border-radius: 10rpx;
}

.goods-right {
	height: 100%;
	flex: 1;
	overflow: hidden;
}

.goodsDes {
	width: 280rpx;
	font-size: 28rpx;
	height: 68rpx;
	margin-bottom: 20rpx;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.goodsSize {
	font-size: 24rpx;
	color: #999;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


/* 星级选择 */
.row {
	flex-direction: row;
	display: flex;
	align-items: center;
	margin-bottom: 47rpx;
}

.art-words {
	font-size: 28rpx;
	color: #333;
}

.content {
	flex-direction: row;
	display: flex;
	align-items: center;
	width: 75%;
}

.star {
	width: 40rpx;
	height: 40rpx;
	margin-left: 20rpx;
}

.result {
	margin-left: 30rpx;
	font-size: 28rpx;
	color: #999;
}

.area {
	margin-bottom: 30rpx;
}

.pbg {
	box-sizing: border-box;
	width: 100%;
	padding: 20rpx;
	height: 180rpx;
	font-size: 28rpx;
	background-color: #f6f6f6;
}
.choose{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.showImg {
	margin-right: 20rpx;
	position: relative;
	font-size: 0;
}
.chooseImg {
	width: 128rpx;
	height: 128rpx;
	border: 1px dashed #999;
}

.showNum {
	width: 100%;
	height: 100%;
	font-size: 24rpx;
	color: #999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.add {
	width: 34rpx;
	height: 34rpx;
	position: relative;
	margin-bottom: 20rpx;
}

.add image {
	width: 100%;
	height: 100%;
}



.deleteIcon {
	position: absolute;
	top: -10rpx;
	right: -10rpx;
	width: 32rpx;
	height: 32rpx;
}

.submit {
	width: 100%;
	height: 100rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 0 20rpx;
	background: #ffffff;
	border-top: 1rpx solid #f5f5f5;
}

.submit>view {
	color: #fff;
	background: linear-gradient(to right, #ff948a, #ff5c6d);
	font-size: 32rpx;
	line-height: 68rpx;
	border-radius: 36rpx;
	padding: 0 60rpx;
}

.remark {
	background: #f5f5f5;
	width: 100%;
	height: 200rpx;
	border-radius: 8rpx;
	padding: 16rpx 20rpx;
	box-sizing: border-box;
}
